home *** CD-ROM | disk | FTP | other *** search
/ Mac Magazin/MacEasy 24 / Mac Magazin and MacEasy Magazine CD - Issue 24.iso / Online / PageSpinner 1.2b3 / JavaScript Examples / Dynamic Document Stationery < prev    next >
Text File  |  1996-08-02  |  4KB  |  174 lines
  1. <HTML>
  2. <HEAD>
  3. <TITLE>Dynamic Document</TITLE>
  4.  
  5. <SCRIPT LANGUAGE="JavaScript">
  6. <!-- Beginning of JavaScript --------
  7. /*
  8.     Dynamic Document
  9.     Written by Jerry Aman, Optima System, Aug 2, 1996.
  10.     Part of the PageSpinner distribution.
  11.  
  12.     We will not be held responsible for any unwanted 
  13.     effects due to the usage of this script or any derivative.  
  14.     No warrantees for usability for any specific application are 
  15.     given or implied.
  16.  
  17.     You are free to use and modify this script,
  18.     if the credits are given in the source code
  19. */
  20.  
  21. // getHourOfDay()
  22. // Out: Integer containing the hour 0-24
  23.  
  24. function getHourOfDay()
  25. {       var now = new Date();
  26.         return(now.getHours());
  27. }
  28.  
  29.  
  30. // getTime()
  31. // Out: Text containing the time in the format HH:MM
  32.  
  33. function getTime()
  34. {       
  35.     var now = new Date();
  36.     var minutes = now.getMinutes();
  37.     var divider = ":";
  38.  
  39.     if (minutes<10)
  40.         divider = ":0";
  41.  
  42.     return( now.getHours() + divider + minutes );
  43. }
  44.  
  45.  
  46. // isMacintoshBrowser()
  47. // Out: Boolean value, true if the browser is running under MacOS
  48.  
  49. function isMacintoshBrowser()
  50. { 
  51.     return(navigator.appVersion.lastIndexOf('Mac') != -1 );
  52. }
  53.  
  54.  
  55. // sayHello ()
  56. // Inserts text dynamically in the document when it is called
  57.  
  58. function sayHello ()
  59. {    
  60.     if(getHourOfDay()<5 || getHourOfDay()>19)
  61.         document.write('<FONT COLOR="FFFF00"> a good night!</FONT>');
  62.     else 
  63.     {
  64.         if ( getHourOfDay() <11) 
  65.         {
  66.             document.write('<FONT COLOR="52A553"> a good morning!</FONT>');
  67.         } 
  68.         else 
  69.         { 
  70.             document.write('<FONT COLOR="ED363C"> a good day!</FONT>');
  71.         }
  72.     }
  73. }
  74.  
  75. // -- End of JavaScript code -------------- -->
  76. </SCRIPT>
  77.  
  78. </HEAD>
  79. <BODY BGCOLOR=FFFFFF TEXT=000000>
  80. <H1>JavaScript Dynamic Document</H1>
  81.  
  82. <B>This stationery page contains JavaScript that creates a dynamic page</B>
  83. <P>
  84. Please note that JavaScript is currently only available in Netscape Navigator 2.0 or higher. <BR>
  85. <FONT COLOR="931B15">Do not assume that all in your audience are using a JavaScript enabled browser.</FONT>
  86. <HR>
  87. Here is an example on how JavaScript can be used to provide a dynamic page that will change its contents depending upon the local time specified in the browser's system and the OS that is used by the reader.
  88. <P>
  89.  
  90. Welcome <B><SCRIPT>
  91. <!--
  92. document.write(navigator.userAgent)
  93. // -->
  94. </SCRIPT></B>!
  95. <P>
  96.  
  97. Nice to see that you use 
  98. <SCRIPT>
  99. <!--
  100. document.write(navigator.appName," ", navigator.appVersion)
  101. // -->
  102. </SCRIPT>.
  103. <P>
  104.  
  105. I see that the time is <B>
  106. <SCRIPT>
  107. <!--
  108. document.write(getTime())
  109. // -->
  110. </SCRIPT></B>, so I wish you 
  111. <SCRIPT>
  112. <!--
  113. sayHello()
  114. // -->
  115. </SCRIPT>
  116.  
  117.  
  118. <SCRIPT>
  119. <!--
  120.  
  121. if (isMacintoshBrowser())
  122.     document.write(
  123.     '<P><FONT COLOR="385FD1">Very, very nice to see that you are using MacOS!</FONT>'); 
  124. else
  125.     document.write(
  126.     '<P>Sad too see that you are not using a Mac to view this page.')
  127. // -->
  128. </SCRIPT>
  129.  
  130. <HR>
  131.  
  132. <P>
  133. <B>How to use:</B><BR>
  134. Several small scripts are embedded inside the text contents of this file. The scripts are executed - and inserts text - when the page are loaded.
  135. <P>
  136. Replace the contents inside the script with calls to your own test functions and add text you want to have displayed inside <FONT COLOR="FF3366"><CODE>document.write()</CODE></FONT> function inside the script. It is recommended to create functions  for complex scripts and place these in the HEAD section, see the <TT>sayHello</TT> function for an axample of this. 
  137.  
  138. <P>
  139. Edit this page or copy selected scripts to create your own dynamic page!
  140. <P>
  141. <HR>
  142. <P>
  143. <B>Example code for the first dynamic text above:</B>
  144. <XMP>Welcome <B><SCRIPT>
  145. <!--
  146. document.write(navigator.userAgent)
  147. // -->
  148. </SCRIPT></B>!</XMP>
  149.  
  150. You <I>may</I> also write the script without the <FONT COLOR="555555"><!--</FONT> comment (see below), but if you do this the actual script may show up in a browser that doesn't support JavaScript.
  151. <XMP>Welcome, <B><SCRIPT>document.write(navigator.userAgent);</SCRIPT></B>!
  152. </XMP>
  153.  
  154. <P>
  155. <HR>
  156. <P>
  157. <B>This function located in the HEAD section returns true if the browser is running on a Mac:</B><BR>
  158.  
  159. <XMP>function isMacintoshBrowser()
  160. { 
  161.   return(navigator.appVersion.lastIndexOf('Mac') != -1 );
  162. }
  163. </XMP>
  164.  
  165. The function can be used inside a script like this:
  166. <XMP>if (isMacintoshBrowser())
  167.   document.write('Mac specific text...'); 
  168. else
  169.   document.write('Text for other platforms...')
  170. </XMP>
  171.  
  172. </BODY>
  173. </HTML>
  174.